<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>增加交易说明</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="../../../elementUI/index.css">
    <link rel="stylesheet" href="../../../css/index.css">
    <link href="https://unpkg.com/@wangeditor/editor@latest/dist/css/style.css" rel="stylesheet">
</head>
<style>
    #editor—wrapper {
        border: 1px solid #ccc;
        z-index: 100;
        /* 按需定义 */
    }

    #toolbar-container {
        border-bottom: 1px solid #ccc;
    }

    #editor-container {
        height: 500px;
    }
</style>

<body>
    <div id="app" class="minWidth">
        <el-form :model="form" ref="contract" :rules="rules" inline-message="true" style="width: 100%">
            <div class="table_titel">
              <div class="titel">交易说明标题</div>
            </div>
            <el-descriptions :column="1" border size="small">
              <el-descriptions-item label="交易说明标题">
                <el-form-item prop="title">
                  <el-input v-model.trim="form.title" placeholder="请输入交易说明标题"></el-input>
                </el-form-item>
              </el-descriptions-item>
            </el-descriptions>
            <div style="display: flex;justify-content: space-between;margin: 20px 0;">
                <div class="table_titel">
                    <div class="titel">交易说明内容</div>
                </div>
                <div>
                    <el-button type="primary" @click="Add()">增加</el-button>
                    <el-button type="danger" @click="Rdc()">删除</el-button>
                </div>
            </div>
            <el-descriptions v-for="(item,i) in form.Data" :column="3" border size="small">
                <el-descriptions-item :label="`交易说明内容${i+1}`">
                  <el-form-item prop="content">
                    <el-input v-model.trim="item.content" placeholder="请输入交易说明内容"></el-input>
                  </el-form-item>
                </el-descriptions-item>
              </el-descriptions>
            <el-form-item class="form-operation">
              <el-button @click="window.history.back()">返回</el-button>
              <el-button type="primary" :loading="loading" @click="submitForm('contract')">提交</el-button>
            </el-form-item>
          </el-form>
    </div>
    <script src="https://unpkg.com/@wangeditor/editor@latest/dist/index.js"></script>
    <script type="text/javascript" src="../../../js/jquery-3.6.0.min.js"></script>
    <script type="text/javascript" src="../../../js/jquery.cookie.js"></script>
    <script type="text/javascript" src="../../../js/vue.min.js"></script>
    <script type="text/javascript" src="../../../elementUI/index.js"></script>
    <script type="text/javascript" src="../../../js/utils.js"></script>
    <script type="text/javascript" src="./js/Add.js"></script>
</body>

</html>